import React from 'react'
import {
    Text,
    View
} from 'react-native'
import LIcon from 'react-native-vector-icons/Ionicons';
import colors from './../../styles/colors'


export default class TabIcon extends React.Component {
    render() {
        let color = this.props.focused ? colors.primary : colors.grey2;
        return (
            <View style={{flex:1, flexDirection:'column', alignItems:'center', alignSelf:'center', justifyContent: 'center', marginTop:3}}>
                <LIcon style={{color: color, width: 25, height:25}} name={this.props.iconName || "circle"} size={25}/>
            </View>
        );
    }
}